
	<style type="text/css">
		input,textarea{
			width:200px;
			border:1px solid #ccc;
			padding:2px;
		}
	</style>
	<h2>输入框验证 - ValidateBox</h2>
	<div class="demo-info" style="margin-bottom:10px">
		<div class="demo-tip icon-tip"></div>
		<div>很容易为一个输入框添加验证逻辑。<br>
		</div>
	</div>
	
	<div>
	<table>
		<tr>
			<td>Name:</td>
			<td><input class="easyui-validatebox" data-options="required:true,validType:'length[1,3]'"></td>
		</tr>
		<tr>
			<td>Email:</td>
			<td><input class="easyui-validatebox" data-options="validType:'email'"></td>
		</tr>
		<tr>
			<td>URL:</td>
			<td><input class="easyui-validatebox" data-options="required:true,validType:'url'"></td>
		</tr>
		<tr>
			<td>Note:</td>
			<td><textarea class="easyui-validatebox" data-options="required:true" style="height:100px;"></textarea></td>
		</tr>
	</table>
	</div>
<h3>页面代码： </h3>
<pre name="code" class="html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
	&lt;title&gt;ValidateBox - jQuery EasyUI Demo&lt;/title&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/default/easyui.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/icon.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;demo.css&quot;&gt;
	&lt;style type=&quot;text/css&quot;&gt;
		input,textarea{
			width:200px;
			border:1px solid #ccc;
			padding:2px;
		}
	&lt;/style&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery-1.7.2.min.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery.easyui.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;h2&gt;输入框验证 - ValidateBox&lt;/h2&gt;
	&lt;div class=&quot;demo-info&quot; style=&quot;margin-bottom:10px&quot;&gt;
		&lt;div class=&quot;demo-tip icon-tip&quot;&gt;&lt;/div&gt;
		&lt;div&gt;很容易为一个输入框添加验证逻辑。&lt;br&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	
	&lt;div&gt;
	&lt;table&gt;
		&lt;tr&gt;
			&lt;td&gt;Name:&lt;/td&gt;
			&lt;td&gt;&lt;input class=&quot;easyui-validatebox&quot; data-options=&quot;required:true,validType:'length[1,3]'&quot;&gt;&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;Email:&lt;/td&gt;
			&lt;td&gt;&lt;input class=&quot;easyui-validatebox&quot; data-options=&quot;validType:'email'&quot;&gt;&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;URL:&lt;/td&gt;
			&lt;td&gt;&lt;input class=&quot;easyui-validatebox&quot; data-options=&quot;required:true,validType:'url'&quot;&gt;&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;Note:&lt;/td&gt;
			&lt;td&gt;&lt;textarea class=&quot;easyui-validatebox&quot; data-options=&quot;required:true&quot; style=&quot;height:100px;&quot;&gt;&lt;/textarea&gt;&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/table&gt;
	&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>